<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Home - 我是你的</title>
    <link href="/basic/css/main.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/basic/js/jquery-1.5.1.min.js"></script> 
    <script type="text/javascript" src="/basic/js/main.js"></script> 
</head>

<body id="home">
<div id="cot">
<s:include value="/basic/topbar.jsp"></s:include>
    <div id="blahblah">
    	<div id="top" style="height:80px;"></div>
    	<% if(request.getHeader("User-Agent").indexOf("MSIE")>=0)out.print("<img src=\"/basic/img/browsersinfo.png\"/>");
    else{
    %>
    	<div id="postbox">
        	<div id="avatar-80">
        		<img src="<s:text name="basic.avatarBase"></s:text>big/<s:property value="user.avatar"></s:property>" width="80" height="80"/>
            </div>
        	<div id="postcloud">
        <div id="cloudtop"></div>
                <div id="cloudinbox">
                	<div id="cloudarrow"></div>
                <div id="cloudmain">
                    	<div id="cloud">
                       	  <div id="selecttopost">
                       		  <img id="stbtn" class="selbtn" src="/basic/img/cloud/cloudst.png" />
                              <form class="ohide" id="newsta" name="newsta" method="post" action="/app/wsnd/saveStatus.action">
                                  <textarea name="statustext" id="statustext" placeholder="我要向全世界说⋯⋯" ></textarea>
                                <div id="control">
                                  <select name="language">
                                        <option value="zh" <s:if test="%{user.locale.language=='en'}">selected="selected"</s:if>>中文</option>
                                        <option value="en" <s:if test="%{user.locale.language=='zn'}">selected="selected"</s:if>>english</option>
                                    </select>
                                    <input type="submit" name="button" id="button" value="OK" />
                                  </div>
                              </form>
                          </div>
                        </div>
                  </div>
                </div>
                 <div id="cloudbot"></div>

            </div>
        </div>
        <div id="itembox">
        	<s:iterator value="statusList">
        		<div id="item<s:property value="id"></s:property>" class="blahitem">
        		<div class="statusor" >
        			<div class="avatar-50"><img src="<s:text name="basic.avatarBase"></s:text>small/<s:property value="publisher.avatar"></s:property>" width="50" height="50" /></div>
        				<a class="statusortxt disbtn" status="<s:property value="id" />"  href="javascript:void();" onclick="javascript:$('.statusor').css('background-color','#FFFFFF');$(this).parent().css('background-color','#F9FFE9');">
                        	<div class="repliesbox"><s:property value="%{discussions.size()}" /> replies</div>
                          	<span class="stauthor sttxt"><s:if test="%{publisher.online}"><img src="/basic/img/online.gif" /></s:if><s:property value="publisher.name"></s:property></span>
                            <span class="sttime sttxt"><s:date name="publishTime" nice="true"></s:date></span>
                            
                            <s:if test="%{language=='zh'}">
                            	<div class="中文 stortxt"> 
                            		<span class="中文 lan" >中文</span>  
                                	<s:property value="content" />
                            	</div>
                            </s:if>
                            <s:else>
                            	<div class="english stortxt"> 
                            		<span class="english lan" >English</span>  
                              		<s:property value="content" />
                            	</div>
                            </s:else> 
                    	</a>
        		</div>
        		<div class="tranline"></div>
        		<div class="tran">
        			<s:iterator value="translations" status="current">
                		<div id="tran<s:property value="id"/>" class="<s:if test="%{language=='en'}">english</s:if><s:else>中文</s:else> tranbox <s:if test="#current.First">best</s:if><s:else>ohide</s:else>">
                			<div class="arrows"><img class="arrowimg" src="/basic/img/status/tranup.png" width="12" height="12" /><br /><img src="/basic/img/status/trandown.png" class="arrowimg" width="12" height="12" /></div>
                			<s:if test="%{language=='en'}"><span class="english lan">english</span></s:if>
                			<s:else><span class="中文 lan">中文</span></s:else>
                			<s:property value="content" />
                			<div class="trinfo">by <span class="trauthor"><s:property value="publisher.name" /></span>, <s:property value="%{updowns.size()}"/> UPs</div>
                		</div>
                	</s:iterator>
                	<div class="english tranbox ohide">
                    	<div class="trans_items">
                        	<select class="trans_lan" name="language">
                            	<option value="en" <s:if test="%{user.locale.language=='en'}">selected="selected"</s:if>>english</option>
                            	<option value="zh" <s:if test="%{user.locale.language=='zn'}">selected="selected"</s:if>>中文</option>
                            </select>
                        	<a href="javascript:void();" status="<s:property value="id" />" class="transAdd"><img  src="/basic/img/status/transadd.png" width="80" height="20" /></a>
                    	</div>
                        <textarea class="trans_area" name="translationText" placeholder="Add my translation or editting" ></textarea>
                    </div>
        		</div>
        		<a href="javascript:void();" class="tranbot transbtn"><img  src="/basic/img/status/tranexb.png" style="margin-left:245px;" width="120" height="17" /></a>
        		</div>
        	</s:iterator>
	  	</div>
	  	
	  	<% } %>
  </div>
	<s:text name="info.footer"></s:text>
</div>
</body>
</html>